<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <link rel="stylesheet" href="styles/jquery.bxslider.css" />
    <link type="text/css" rel="stylesheet" href="styles/main.css">
    <script src="scripts/jquery-1.11.1.min.js"></script>
    <script src="scripts/jquery.bxslider.min.js"></script>
    <script src="scripts/main.js"></script>
    <script src="scripts/util.js"></script>
    <script src="scripts/template.js"></script>
    <script>
        $(function(){
            $(".bxslider").bxSlider({
                pagerCustom: '#bx-pager'
            });
        })
    </script>
</head>
<body>
<div class="sidebar">
    <ul>
        <li style="margin-bottom: 50px;"><a href="javascript:void(0)" class="ico ico-car" title=""></a>
            <a href="javascript:void(0)"> <span>干<br>洗<br>篮</span></a>
            <a href="javascript:void(0)"> <i id="cartCount" class="nums">0</i></a>
        </li>
        <li><a href="javascript:void(0)" class="ico ico-phone" title=""></a><a href="#"> <span>客服</span></a></li>
        <li><a href="javascript:void(0)" class="ico ico-wx" title=""></a><a href="#"><span>微信</span></a></li>
        <li><a href="javascript:scroll(0,0)" class="ico ico-return up" title=""></a></li>
    </ul>
    <div class="buy_box">
    	<div class="cart-list">
    	
		</div>
    </div>
</div>
<div class="container">
    <!--top-->
  <div class="top">
      <span class="top_l fl"><i class="ico ico-wel"></i>您好！欢迎光临本洗衣网站</span>
      <div class="top_r fr">
          <a href="#" class="b_word">登录</a> <span class="b_word">　|　</span> <a href="#" class="b_word">注册</a>　
          <a href="#">我的订单</a>　|　<a href="#">服务中心</a>　|　<a href="#">加入我们</a>
      </div>
  </div>
    <!--top 结束-->

    <!--logo-->
  <div class="logo">
  <div class="logo_content">
      <div class="logo_l fl"><a href="/iwash"><img src="images/logo.png"></a></div>
      <div class="logo_r fr"><i class="ico ico_phone2"></i><em>客服热线：4000-173-973</em></div>
  </div>
  </div>
    <!--logo 结束-->

    <!--banner-->
  <div class="banner">
      <div class="banner_content">
      <div id="bx-pager">
          <a data-slide-index="0" href="javascript:void(0)"><i class="ico ico_lc"></i><span>洗衣流程</span></a>
          <a data-slide-index="1" href="javascript:void(0)"><i class="ico ico_jx"></i>件洗说明</a>
          <a data-slide-index="2" href="javascript:void(0)" style="width: 333px; border-right: none;"><i class="ico ico_dx"></i>袋洗说明</a>
      </div>
      <ul class="bxslider">
          <li><img src="images/banner1.png" /></li>
          <li><img src="images/banner1.png" /></li>
          <li><img src="images/banner1.png" /></li>
      </ul>
      </div>
  </div>
    <!--banner 结束-->

    <div class="kinds">
          <a href="goods/goods.html" target="_blank"><i class="ico ico_adx"></i><span class="kind_dx">按袋洗</span></a>
          <a href="javascript:void(0)" onclick="document.getElementById('one').scrollIntoView();"><i class="ico ico_ajx"></i><span class="kind_jx">按件洗</span></a>
    </div>

    <div class="coat" id="one">
        <div class="coat_nav">
            <ul id="gt">
                <li class="active" id="0">上衣类</li>
                <li id="1">裙裤类</li>
                <li id="2">其它</li>
            </ul>
        </div>
        <div class="coat_content">
            <div class="kind1">
            </div>
        </div>
    </div>
    <div class="foot">
        <a href="#"> 关于我们</a> <span class="b_word">　|　</span> <a href="#">帮助中心</a> <span class="b_word">　|　</span> <a href="#">联系我们</a><br>
        Copyright elanmao.com 懒猫专业洗衣 2013，All Rights Reserved
    </div>

</div>
</body>
<!-- 商品展示模版 -->
<script id="index-gl" type="text/html">  
     				<ul class="coat_list">
					{{each list}}
					<li>
						<a href="goods/goods.html" target="_blank">
						<img src="images/coat.png">
						</a>
						<div class="header">
							<h5>{{$value.name}}</h5>
							<em>￥{{$value.price}}</em>
						</div>
						<p class="note">说明：暂无相关说明<br>预计:5天</p>
						<div class="pay">
							<div class="count">
								<a href="javascript:void(0)" onclick="addGnum(this,-1)"><img src="images/min.png"></a>
								<input type="text" id="quantity" onkeyup="numkeyup(this)" value="1">
								<a href="javascript:void(0)" onclick="addGnum(this,1)"><img src="images/plus.png"></a>
							</div>
							<a href="javascript:void(0)" class="btn" onclick="addToCart(this,{{$value.id}})">加入洗衣篮</a>
						</div>
					</li>
					{{/each}}
					</ul>
</script>
<!-- 右边购物车模版 -->
<script id="cart" type="text/html">
			<span><a href="cart/cart.html">我的购物车</a></span>
			<ul>
				{{each cart.cartItems}}
            	<li>
                	<span class="span2"><img src="images/coat.png" width="50px" height="50px"></span>
                	<span class="span3">{{$value.goodsName}}</span>
                	<span class="span4">
                    	<div class="count">
							{{$value.quantity}}					
                    	</div>
                	</span>
                	<span class="span5">¥{{$value.price}}</span>
					<span><a href="javascript:void(0)" onclick="delGoods({{$value.goodsId}})">删除</a></span>
           		</li>
        		{{/each}}
			</ul>
 			<div class="bar_js">
        		<div class="total">
            		<div class="fl" style="padding-left: 5px;">共{{cart.count}}件</div>
					<div class="fr" style="padding-right: 15px;">¥{{cart.totalPrice}}</div>
       			</div>
        		<a href="order/orders.html" class="money">结算</a>
       		</div>
</script>
</html>